<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>长租预约</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- UC应用模式 --> <meta name="browsermode" content="application">
    <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app">
    <link rel="stylesheet" href="../css/common/reset.css">
    <link rel="stylesheet" href="../css/common/layer.css">
    <link rel="stylesheet" href="../css/app/index-long.css">
    <!--<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">-->
    <!-- <link rel="stylesheet" href="static/dateRangeCss.css"> -->
    <script src="../js/common/flexible.js"></script>
    <script src="../js/common/jquery.min.js"></script>

    <script src="../js/common/Storage.js"></script>
    <script src="../js/common/layer.js"></script>
    <script src="../js/common/vue.js"></script>
    <script src="../js/common/config.js"></script>
    <script src="../js/common/tool.js"></script>
    <!--<script src="https://unpkg.com/mint-ui/lib/index.js"></script>-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yvpANtIr6GTDUtHDgNKLCwjy"></script>
    <script>
        //      setTimeout(function  () {
        //        $('body').css('display','block');
        //      },10)

    </script>

</head>
<body style=>
<div id="app">


    <div class="index-flex">
        <div class="index">
            <div class="top">
                <div class="top-now">
                    <span>当前城市:</span><span @click="toggle_city">{{city}}{{district}}</span><img src="../assets/icon/yuju-xia.png">
                </div>

                <div class="top-city" v-show="city_chow" ref="top_city_box">
                    <div class="top-city-box" >
                        <div  v-for="(item,index) in city_aggre">
                            <p @click="select_city(item,index)" :class='{bahui:index==ctrl}'>{{item.name}}</p>
                        </div>
                        <!--                   <p @click="select_city($event)" :class='{bahui:city=="不限"}'>不限</p>
                                          <p @click="select_city($event)" :class='{bahui:city=="北京市"}'>北京市</p>
                                          <p @click="select_city($event)" :class='{bahui:city=="上海市"}'>上海市</p>
                                          <p @click="select_city($event)" :class='{bahui:city=="杭州市"}'>杭州市</p>
                                          <p @click="select_city($event)">长沙市</p>
                                          <p @click="select_city($event)">广州市</p>
                                          <p @click="select_city($event)">天津市</p>
                                          <p @click="select_city($event)">日本市</p>
                                          <p @click="select_city($event)">台湾市</p> -->
                    </div>
                </div>
                <div class="top-county" v-show="county_chow" ref="top_county_box">
                    <div class="top-county-box" >


                        <div v-for="(item,index) in county_aggre">
                            <p @click="select_county(item)" :class='{bahui:district==item}'>{{item.name}}</p>
                        </div>
                        <!--                   <p @click="select_county">不限</p>
                                          <p @click="select_county">朝阳区</p>
                                          <p @click="select_county">海淀区</p>
                                          <p @click="select_county">朝阳区</p>
                                          <p @click="select_county">东城区</p>
                                          <p @click="select_county">西城区</p>
                                          <p @click="select_county">石景山</p>
                                          <p @click="select_county">丰台区</p>
                                          <p @click="select_county">昌平区</p>
                                          <p @click="select_county">房山区</p>
                                          <p @click="select_county">哈哈区</p>
                                          <p @click="select_county">哈的区</p>
                                          <p @click="select_county">哈上区</p> -->
                    </div>
                </div>
            </div>

            <div class="cont">
                <div  v-for="(item,index) in cont_list" style="height: 2.6666rem; border-bottom: 1px solid #D0D0D0;">
                    <div class="cont-shop" @click="go_cont(item.id,item.address,item.name,item.code,item.groupId,item.longitude,item.latitude,item.reservePhone,item.img1Url,item.img2Url,item.img3Url,item.info)"  >
                        <div class="img-div" >
                            <img :src="imgServerUrl+item.img1Url" @error="errImg($event)" v-if="item.img1Url!=null" >
                            <!--<img :src="item.img1Url" onerror="this.src='./assets/img/imgerr.png'" >-->
                            <img v-if="item.img1Url==null" src="../assets/img/imgee.png">
                            <!--<img v-if="item.img1Url" img :src="item.img1Url"  >-->
                        </div>
                        <div class="cont-shop-msg">
                            <!-- <template><p>{{item.hotelName}}</p></template> -->
                            <p class="cont-shop-msg-left">{{item.name}}</p>
                            <p style="font-size: 0.28rem"><img src="../assets/img/place.png"  ><span>距您当前位置{{distance(item.longitude,item.latitude)}}公里</span></p></p>
                            <p class="cont-shop-msg-right">{{item.address}}</p>
                        </div>
                        <!--<p class="cont-shop-price">￥{{item.lowestPrice}}起</p>-->
                    </div>
                </div>

                <!--           <div class="cont-shop" @click="go_cont" >
                            <div class="img-div" >
                              <img src="./assets/img/null-1.jpg">
                            </div>
                            <div class="cont-shop-msg">
                                <p class="cont-shop-msg-left">九都汇店</p>
                                <p><img src="./assets/img/place.png" ><span>据您当前位置1000公里</span></p></p>
                                <p class="cont-shop-msg-right">北京市朝阳区天泽路23号</p>
                            </div>
                            <p class="cont-shop-price">￥599起</p>
                          </div>  -->

            </div>
        </div>
    </div>


</div>
<script src="../js/app/index-long.js"></script>

<script src="" id="indexScript" type="text/javascript"></script>

</body>


</html>
